<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:cc="http://sourceforge.net/projects/jsf-comp"
      xml:lang="pt-br" lang="pt-br">
    
    <head>
        <title>INVEST - Seu jogo on-line do mercado de ações</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <link href="../resources/css/stylesheet.css" rel="stylesheet" type="text/css" />
        <script src="../resources/scripts/invest.js" type="text/javascript"></script>
        <script src="../resources/scripts/jquery-1.2.6.js" type="text/javascript"></script>
        
        <script>
            //<![CDATA[
            $(document).ready(function() { 
                $('#principal:eq(0)> div').hide();    
            });
            //]]>
        </script>       
    </head>
    <body>
        <div id="tudo">
            
            
            <div class='box'>
                <div class='boxtop'><div></div></div>
                <div class='boxcontent'>
                    <!-- Content goes here -->

                    <h2 class="dest">INVEST - Seu jogo on-line de ações</h2>
                    <h:form>
                        <div id="topo">
                            <div class="styleone">
                                <ul>
                                    <li><a href="principal.jsf" title="Principal" >Principal</a></li>
                                    <li><h:commandLink action="#{GrupoController.createSetup}" immediate="true" value="Cadastro" class="current"/></li>
                                    <li><a href="carteira.jsf" title="Carteira" >Carteira</a></li>
                                    <li><a href="ojogo.jsf" title="Sobre o jogo">Sobre o jogo</a></li>
                                    <li><h:commandLink action="#{identity.logout}" value="Sair" title="Sair" /></li>
                                </ul>
                            </div>
                            
                        </div>
                    </h:form>
                    <div id="nav">
                        <br/>
                        <ul>
                            <li><a href="principal.jsf" title="Principal" >Principal</a></li>
                            <li><a href="carteira.jsf" title="Carteira">Carteira</a></li>
                            <li><a href="ojogo.jsf" title="Sobre o jogo">Sobre o jogo</a></li>
                            <br/>
                            <li><a href="#" id="at" onclick="showDiv('#cadastroGrupo');" >Cadastra Grupo</a></li>
                            <li><a href="#"  id="at1" onclick="showDiv('#cadastroJogador');">Cadastra Jogador</a></li>
                        </ul>
                    </div>
                    
                    <div id="principal">
                        <h2>Cadastro</h2>
                        <center>
                            <br/>
                            <rich:messages layout="table" 
                                           errorClass="errorClass" 
                                           infoClass="infoClass" 
                                           warnClass="warnClass"
                                           styleClass="painelMensagem"/>
                        </center> 
                        
                        <div id="cadastroGrupo"  >
                            <a4j:form>
                                <p>O cadastro de grupo é realizado em 2 etapas. Você deve cadastrar o grupo e também é obrigatorio 
                                cadastrar os jogadores deste grupo, sendo no minimo 2 jogadores e no máximo 4. </p>
                                
                                <h:panelGrid cellpadding="2" cellspacing="2" columns="2" columnClasses="field-names" >
                                    <h:outputLabel for="NomeGrupo">
                                        <h:outputText value="Nome do Grupo: "  />
                                    </h:outputLabel>
                                    
                                    <h:inputText id="NomeGrupo" value="#{GrupoController.grupo.nome}" label="teste" size="30" maxlength="30"/>
                                    
                                    <h:outputLabel for="LoginGrupo" >
                                        <h:outputText value="Login do Grupo :" />
                                    </h:outputLabel>
                                    <h:inputText id="LoginGrupo" value="#{GrupoController.grupo.login}" label="Login do Grupo" required="true" maxlength="10"/>
                                    
                                    <h:outputLabel for="SenhaGrupo">
                                        <h:outputText value="Senha do Grupo: " />
                                    </h:outputLabel>
                                    
                                    <h:inputSecret id="SenhaGrupo" value="#{GrupoController.grupo.senha}" label="Senha do Grupo"  required="true" maxlength="8"/>
                                    
                                    <h:outputLabel for="ConfirmaSenha">
                                        <h:outputText value="Confirme a senha :" />
                                    </h:outputLabel>
                                    
                                    <h:inputSecret id="ConfirmaSenha" value="#{GrupoController.grupo.senha}" label="Confirme a senha" required="true" maxlength="8"/>
                                    <br/>
                                    <a4j:commandButton action="#{GrupoController.create}"
                                                       value="Salvar" 
                                                       title="Salvar" />
                                    
                                </h:panelGrid>
                            </a4j:form>
                            
                        </div>
                        
                        <div id="cadastroJogador">
                            
                            <h:form id="fCadastraGrupo">
                                <br/>
                                <br/>
                                <br/>                            <br/>
                                <br/>
                                <br/>
                            </h:form>
                            
                                                        
                        </div>
                        <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
                        <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
                    </div> 
                    <!-- FIM DIV PRINCIPAL-->
                    
                    <div id="apoio">
                        <center><h2 class="dest">Indice das ações</h2></center>
                        <h:form>
                            <rich:dataTable id="dtCotacao" var="c"
                                            value="#{cotacoesDM}"
                                            rows="10" sortMode="single" 
                                            cellpadding="0" cellspacing="2">
                                
                                <rich:column sortBy="#{c['Nome']}">
                                    <f:facet name="header">
                                        Nome da empresa
                                    </f:facet>
                                    #{c['Nome']}
                                </rich:column>
                                
                                <rich:column sortBy="#{c['Sigla']}">
                                    <f:facet name="header">
                                        Sigla
                                    </f:facet>
                                    #{c['Sigla']}
                                </rich:column>
                                
                                <rich:column sortBy="#{c['Percentual']}">
                                    <f:facet name="header">
                                        Indice
                                    </f:facet>
                                    <h:outputText value="#{c['Percentual']}" escape="false" />
                                </rich:column>
                                
                                <f:facet name="footer">
                                    <rich:datascroller id="dsCotacao" for="dtCotacao"/>
                                </f:facet>
                            </rich:dataTable>
                            
                        </h:form>
                        
                    </div>
                    
                    <div id="rodape">
                        <p>INVEST &copy; 2008 Todos os direitos reservados ao grupo responsável deste trabalho</p>
                        
                    </div>
                    
                </div>
            </div>
            <div class='boxbottom'><div></div></div>
        </div>
    </body>
</html>
